<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>虚拟代理合并HTTP请求</title>
</head>
<body>
<input type="checkbox"id="1"/>1
<input type="checkbox"id="2"/>2
<input type="checkbox"id="3"/>3
<input type="checkbox"id="4"/>4
<input type="checkbox"id="5"/>5
<input type="checkbox"id="6"/>6
<input type="checkbox"id="7"/>7
<input type="checkbox"id="8"/>8
<script type="text/javascript">
    /*-----------------------未使用虚拟代理----------------------------------------*/
   /* var synchronousFile=function(id){
        console.log("开始同步文件，id为："+id);
    }
    var checkbox=document.getElementsByTagName("input");
    for(var i= 0;i<checkbox.length;i++){
        checkbox[i].onclick=function(){
            if(this.checked===true){
                synchronousFile(this.id)
            }
        }
    }*/
    /*-----------------------使用虚拟代理----------------------------------------*/
    var synchronousFile=(function(){
        var cache=[];
        var timer;
        return function(id){
            cache.push(id);

            if(timer){
                console.log(cache);
                return false;
            }
            timer=setTimeout(function(){
                synchronousFile(cache.join('.'));
                clearTimeout(timer);
                timer=null;
                cache.length=0;
            },2000)
        }
//        console.log("开始同步文件，id为："+id);
    })();

    var checkbox=document.getElementsByTagName("input");
    for(var i= 0;i<checkbox.length;i++){
        checkbox[i].onclick=function(){
            if(this.checked===true){
                synchronousFile(this.id)
            }
        }
    }
</script>
</body>
</html>